body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	/*background: #FFFFFF;*/
	background:url(http://uoc.cbuc.cat/screens/blue2.gif) 2% 0% repeat-x #f9f9f9;
	color:#202020;
	margin:0;
	padding:0;
}

p {	
	margin: 10px 20px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #7A9C2B;
	margin: 0px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #7A9C2B;
	margin: 0px 20px;
}

.header {
	float: left;
	margin:20px;
}

.beta {
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	color: #7A9C2B;
}

.beta img {
	vertical-align: middle;
}

#header {
	margin: 0px 0 40px 0;
}

#introduction {
	margin: 60px 0 20px 0;
}

/********** cap?alera: estils copiats del cat?leg*********/

.topLogoDiv { 
	margin:0;
	padding:0 0 3px 0; 
	background:#fff;
}

.topLogoDiv img { 
	border:0;
}

.floatRight { 
	float:right;
}


/********** cos *********/

#bibtable {
/*	background: #EAEAEA;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 40px;
	margin: 20px 50px 20px 50px;
}

#target {
	display: block;
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
/*	background: #FFFFFF;
	border-color: #7A9C2B;
	border-style: solid;
	border-width: 1px;*/
	color: #000000;
	margin-bottom: 20px;
	background: #FFFFFF; 
	-moz-box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
	box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
}

#rss {
	float: right;
	position: relative;
	padding: 0px;
	margin: 0 10px;
}

.img {
	margin: 0px 05px 0px 05px;
	float:right;
	clear:both;
	margin-top: -27px;
}

.nota {
	font-size: 0.8em;
	margin-right: 10px;
	text-align: right;
	line-height: 12px;
	float: right;
	clear:both;
	margin-top: 0px;
	margin-right: 45px;
	color:#202020;
}


/******* blocks ******/

.block {
	/*border: 1px solid #7A9C2B; */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 20px;
	width: 26%;
	height:100px;
	background: #DAD7D7;
	-moz-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	box-shadow: inset 0 -3px 18px rgba(0,0,0,.14);
}

.block_1024 {
	/*border: 1px solid #7A9C2B; */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 20px;
	width: 24%;
	height:100px;
	/*background: #7A9C2B;*/
	background: #DAD7D7;
	-moz-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	box-shadow: inset 0 -3px 18px rgba(0,0,0,.14);
}

.block2 {
	/*border: 1px solid #7A9C2B; */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #DAD7D7;
	-moz-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 -3px 18px rgba(0,0,0,.3);
	box-shadow: inset 0 -3px 18px rgba(0,0,0,.14);
	padding:20px;
	clear:both;
	margin:20px;
}

.cerca {
	margin:20px 20px;
}

#periode {
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
}

#tipus_contingut {
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 3.6%;
	margin-right: 1%;
}

#tipus_contingut_1024 {
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 2%;
	margin-right: 0;
}

#format {
	float: right;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
}

#filtre {
	position: relative;
}

#periode select, #tipus_contingut, #format select  {
	font-size: 1em;
}


label {
	margin: 0px 10px 0px 0px;
}

img { 
	border:0;
}

/******** desplegables *********/

select {
	display: block;
	background: #FFFFFF;
	padding: 02px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-color: #7A9C2B;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
}

#format select, #tipus select, #periode select {
	float: left;
	margin-top:0;
}

#programa select, #materia select {
	font-size: 0.8em;
}

#filtre select {
	font-size: 0.8em;
}


/******* resultats: registres ******/

.bibliographic {
	min-height: 150px;
	display: block;
	margin-bottom: 10px;
	padding: 20px 20px 30px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*border-color: #A5A5A5; 
	border-style: solid;
	border-width: 1px; */
	background: #F1ECEC; 
	-moz-box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
	box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
}

.number {
	z-index: 1;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 44px;
	line-height: 20px;
	color: #CCCCCC;
	float: right;
	margin: -40px 0 0 0px; 
}

/******** Total resultats ********/

.query {
	display: block;
	background: #FFFFFF;
	padding: 16px 20px 16px 20px;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-color: #7A9C2B;
	border-style: solid;
	border-top: 1px;
	border-bottom: 1px;
	color: #000000;
	margin-bottom: 20px;
}

.query p {
	font-size: 0.6em;
	text-align: right;
}

#total {
	margin: 20px;
	font-weight: bold;
}

.prestec {
	margin-top: 10px;
}

.title, .author {
	margin-bottom: 6px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #7A9C2B;
}

a:hover {
	text-decoration: underline;
}

#assignatures {
	margin-top: 16px;
	padding: 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-color: #7A9C2B;
	border-style: dotted;
	border-width: 1px;
	width: 60%;
}

.assignatura a {
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
	color: #888888;
}

.assignatura:hover {
	text-decoration: underline;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #B9B641;
	color: #FFFFFF;
	font-weight: bold;
}

.button:hover {
	text-decoration: none;
	background: #7A9C2B;
}

.button:active {
	position: relative;
	top: 1px;
}

.syndetics {
	display:inline;
	float: left;
	position: relative;
	width: 120px;
}

.metadata {
	margin-left: 120px;
}

.author a {
	font-face: bold;
}

div#loader {
	width: 50px;
	height: 50px;
	text-align: center;
	display: none;
}

div#loader.loading {
	background: url(images/loading29.gif) no-repeat center center;
}



/******** cat?leg per al m?bil *********/

#cos {
	width: 60%;
	margin-left: 35%;
}

/******** llistes *********/

#cos ul {
	margin: 05px 0px 05px 50px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#cos ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(http://labs.biblioteca.uoc.edu/labs/sites/all/themes/labs/images/icons/list1.png) no-repeat left 06px;
}

#cos ul ul  li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	background: url(http://labs.biblioteca.uoc.edu/labs/sites/all/themes/labs/images/icons/list2.png) no-repeat left 06px;
}

ol {
	margin: 05px 0px 05px 55px;
	padding: 0px 0px 0px 0px;
}

ol li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ol ul  li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

ol ol  li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}



/******** peu: copiat del cat?leg *********/
.peu {text-align:center; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

